<%@ include file="../common/top.jsp" %>

<div id="Catalog">
    <form action="newOrder" method="post">
        <p><font color="red" id="error-msg"></font></p>
        <input type="submit" value="fill in with account infomation" id="fill"/>
        <table>
            <tr>
                <th colspan=2>Payment Details</th>
            </tr>
            <tr>
                <td>Card Type:</td>
                <td>
                ${sessionScope.creditCardType}
                </td>
            </tr>
            <tr>
                <td>Card Number:</td>
                <td>
                    <input type="text" name="order.creditCard" id="creditCard" value="${sessionScope.order.creditCard}">
                </td>
            </tr>
            <tr>
                <td>Expiry Date (MM/YYYY):</td>
                <td>
                <input type="text" name="order.expiryDate" id="expiryDate" value="${sessionScope.order.expiryDate}">
                </td>
            </tr>
            <tr>
                <th colspan=2>Billing Address</th>
            </tr>

            <tr>
                <td>First name:</td>
                <td>
                    <input type="text" name="order.billToFirstName" id="billToFirstName" >
                </td>
            </tr>
            <tr>
                <td>Last name:</td>
                <td>
                    <input type="text" name="order.billToLastName" id="billToLastName"  >
                </td>
            </tr>
            <tr>
                <td>Address 1:</td>
                <td>
                    <input type="text" name="order.billAddress1" id="billAddress1"  >
                </td>
            </tr>
            <tr>
                <td>Address 2:</td>
                <td>
                    <input type="text" name="order.billAddress2" id="billAddress2"   >
                </td>
            </tr>
            <tr>
                <td>City:</td>
                <td>
                    <input type="text" name="order.billCity" id="billCity"  >
                </td>
            </tr>
            <tr>
                <td>State:</td>
                <td>
                    <input type="text" name="order.billState" id="billState"  >
                </td>
            </tr>
            <tr>
                <td>Zip:</td>
                <td>
                    <input type="text" name="order.billZip" id="billZip"  >
                </td>
            </tr>
            <tr>
                <td>Country:</td>
                <td>
                    <input type="text" name="order.billCountry" id="billCountry"  >
                </td>
            </tr>

<%--            <tr>--%>
<%--                <td colspan=2>--%>
<%--                    <input type="checkbox" name="shippingAddressRequired">--%>
<%--                    Ship to different address...--%>
<%--                </td>--%>
<%--            </tr>--%>

        </table>

        <input type="submit" value="submit" id="submit"/>

    </form>
</div>
<%@ include file="../common/bottom.jsp" %>
<script src="js/newOrder.js"></script>

